(function(doc,win){
    // orientationchange：判断当前移动端屏幕是否横竖屏（移动端提供事件，检测当前设备是否更改）
    //判断当前window中是否有这个属性存在，如果有则事件移动端设备更改事件
    //否则为pc端resize窗口尺寸改变事件
    var resizeEvent = "orientationchange" in window ? "orientationchange" : "resize";
    var foo = function(){
        //获取当前设备的宽 document.documentElement.clientWidth
        var clientWidth = document.documentElement.clientWidth;
       //计算当前设备下根元素html的font-size的大小
       //假设设计稿的宽为750px 字体大小1px 扩大100倍
       //100px / 设计稿的宽750px = ？ / 当前设备的宽
       //100 除以 750 * 100
       //当前设备下html的font-size = （100 * 当前设备的宽） / 设计稿的宽 + "px"
       //判断当前设备是否大于设计稿的宽，如果大于，则强制设置当前根元素的font-size = 100px
       //否则，则进行设计
       if(!clientWidth) return;
       if(clientWidth >= 750){
            document.documentElement.style.fontSize = 100 + "px";
       }else{
            document.documentElement.style.fontSize = (100 * clientWidth) / 750 + "px";
       }
    }
    win.addEventListener(resizeEvent,foo,false);
    // DOMContentLoaded移动端页面加载事件，比load更快，只把结构加载出来就可以运行
    doc.addEventListener("DOMContentLoaded",foo,false);
})(document,window)